<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
    <style>


    </style>
</head>
<body>
    <div id="header">
       <div>
           <ul>
               <li>电话:0123-456-789</li>
               <li>邮箱:1234@123.com</li>
           </ul>
           <ol>
               <li>简体中文/English</li>
           </ol>
       </div>
    </div>
    <div id="nav">
        <div class="nav1">
            <div>
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <div>
                <ul>
                    <li class="bottom"><a href="index.html">SEARCH</a></li>
                    <li><a href="javascript:void(0)">ABOUT PMP</a></li>
                    <li ><a href="new.html">NEW&EVENTS</a></li>
                    <li ><a href="contact.html">CONTACT</a></li>
                </ul>
            </div>
            <div>
                <ol>
                    <li>login</li>
                    <li class="color">Register</li>
                </ol>
            </div>
        </div>
        <div class="nav2">
               <!--<div class="navMain">-->
                   <div class="navMain">
                       <div>
                           <input type="text" placeholder="Gene">
                       </div>
                       <div>
                           <span>Search</span>
                       </div>
                   </div>
                   <p>Example:Ap4e1,Abnormal Heart Rate,Bernard Souldler Syndrome</p>
                   <div class="contact">CONTACT US</div>
               <!--</div>-->
        </div>
        <div class="nav3">
            <div>
                <img src="images/nav3.png" alt="">
            </div>
        </div>
    </div>

    <div id="content">
        <div class="content">
            <div class="content1">
                <ul>
                    <li><img src="images/ca1.png" alt=""></li>
                    <li><p>Call for Pagers --- AllA esearch NetWork on Media</p></li>
                </ul>
                <ol>
                    <li>&bull; Call afor Pages -- AllA Research Netword on Media</li>
                    <li>&bull; The call pagers for the Second Lssue of the new</li>
                    <li>&bull; peer-reviewed journal Acquisition Issue is open</li>
                    <li>&bull; At the AllA 2017 World Congress in Rio of or and the panel</li>
                    <li>&bull; AllA esearch NetWork on Media will Issue focus on</li>
                    <li>&bull; inter and intralingual transtion in today</li>
                    <li>&bull; There are two types of grants offered through TIRF' s DDG</li>
                </ol>
            </div>
            <div class="content2">
                <div >
                    <ul>
                        <li><img src="images/ca2.png" alt=""></li>
                        <li><p>Call for Pagers --- AllA esearch NetWork on Media</p></li>
                    </ul>
                    <ul>
                        <li><img src="images/ca3.png" alt=""></li>
                        <li><p>Call for Pagers --- AllA esearch NetWork on Media</p></li>
                    </ul>
                </div>

                <ol>
                    <li>&bull; Call afor Pages -- AllA Research Netword on Media</li>
                    <li>&bull; The call pagers for the Second Lssue of the new</li>
                    <li>&bull; peer-reviewed journal Acquisition Issue is open</li>
                    <li>&bull; At the AllA 2017 World Congress in Rio of or and the panel</li>
                    <li>&bull; AllA Rsearch NetWork on Media will Issue focus on</li>
                </ol>
            </div>
        </div>
        <div class="findData">
            <div>
              <ul class="clear">
                  <li >
                      <h4 class="h1">Find Data</h4>
                      <p>Cenes</p>
                      <p>Phenitypes</p>
                      <p>Gene expression</p>
                      <p>Embryonic phenotyping</p>
                  </li>
                  <li >
                      <h4 class="h2">Human Diseases</h4>
                      <p>Rare Human Diseases</p>
                      <p>4033 human diesses</p>
                      <p>associated with IMPC</p>
                      <p>mouse models</p>
                  </li>
                  <li>
                      <h4 class="h3">Order Models</h4>
                      <p>Mouse lines</p>
                      <p>ES cells</p>
                      <p>targeting vectors</p>
                  </li>
               </ul>
                <ul class="clear">
                  <li >
                      <h4 class="h4">About</h4>
                      <p>What is PMP?</p>
                      <p>How does PMP work?</p>
                      <p>How does PMP work?</p>
                      <p>PMPRESS phenoyping pipeline</p>
                      <p>How to explore?</p>
                      <p>Coneact/feedback</p>
                  </li>

                  <li >
                      <h4 class="h5">Analyze</h4>
                      <p>Tools</p>
                      <p>Data release statistice</p>
                      <p>Data download</p>
                  </li>
                  <li >
                      <h4 class="h6">More</h4>
                      <p>Consortium publications</p>
                      <p>All publications</p>
                      <p>PMP Presentations</p>
                      <p>PMP YouTube clannel</p>
                  </li>
              </ul>
            </div>
        </div>
        <div class="search">
            <ul>
                <li >
                    <h4>Search</h4>
                    <p>Batch Query</p>
                    <p>Phenoniew</p>
                    <p>Tools</p>
                    <p>API</p>
                </li>
                <li >
                    <h4>About PMP</h4>
                    <p>Objectives and Background</p>
                    <p>PMP Members</p>
                    <p>Governance Documentation</p>
                    <p>Coordination</p>
                    <p>Industry Sponsors</p>
                    <p>Secretariat</p>
                    <p>Additional Information</p>
                    <p>About IKMC</p>
                </li>

                <li >
                    <h4>News&Events</h4>
                    <p>Meetiogs</p>
                    <p>References using IKMC and PMP</p>
                    <p>Resources</p>
                    <p>PMP Newsletter</p>
                    <p>Phone Conferences</p>
                </li>
                <li >
                    <h4>My PMP</h4>
                    <p>PMP Forum</p>
                    <p>Documentation</p>
                    <p>Communications Materials</p>
                </li>






                <!--Contact-->
            </ul>
        </div>
        <div class="pig">
            <div><img src="images/p1.png" alt=""></div>
        </div>
    </div>
    <div id="footer">
        <div class="f1">
            <ul>
                <li><img src="images/1.png" alt=""></li>
                <li><img src="images/2.png" alt=""></li>
                <li><img src="images/3.png" alt=""></li>
                <li><img src="images/4.png" alt=""></li>
                <li><img src="images/5.png" alt=""></li>
            </ul>
        </div>
        <div class="f2">
            <h4>PMP</h4>
            <p>PigModel Projsct</p>
            <h5>Produce and phenotype knockout mouse lines for 20,000 genes</h5>
            <h6>2017 PMP International Mouse Phenotyping Consortium</h6>
        </div>

    </div>
</body>
</html>
<script src="js/jquery.min.js"></script>
<script>

</script>